<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
    组件之间通信方式的总结：
      父通信子：props
      子通信父：$emit触发自定义事件，父组件监听这个自定义事件
      兄弟组件：
        1. 状态提升，将数据放置在共同的父组件身上，然后通过 props 与 $emit 来玩
        2. 其它
      组件关系更复杂的情况：
        1. 中央事件总线
        2. 依赖注入
        3. 状态管理器
          Vuex
          Pinia
      通过 ref 获取组件实例
      
      通过$root实例属性直接获取根组件实例
      通过$parent实例属性直接获取父组件实例
      通过$children实例属性获取到子组件实例的数组

   -->
  </body>
</html>
